<cpanel setvar="headerimg=../images/mailmenu.gif">
<cpanel setvar="dprefix=../">
<cpanel setvar="headerinclude=mail/pops_head.html">
<cpanel Branding="include(stdheader.html)">
<style type="text/css"> 
div.table_progress_bar {
    border: 1px solid #cccccc;
    height: 6px;
    margin: 0 auto;
    width: 70px;
}
div.cpanel_widget_progress_bar {
    background: #999999;
}
td.actions,
td.col2 {
    text-align: center;
}
tr, td {
    border: none !important;
}
#mailtbl td {
    padding: 2px 5px;
}
td.actions table tr td {
    padding: 2px;
}
.user-box {
    background: #f9f9f9;
    border: 1px solid #cccccc;
    padding: 10px;
}
.clear {
    overflow: hidden;
    clear: both;
}
.user-accounts {
    width:250px;
    float:left;
    border-right: solid 1px #ccc;
    padding:0 10px 0 0;
}
.user-accounts ul {
    padding: 0;
    background: #ffffff;
    border: 1px solid #eeeeee;
    height: 380px;
    margin: 0;
    overflow: auto;
}
.user-accounts ul li {
    overflow: hidden;
}
.user-accounts ul li a {
    display: block;
    padding: 10px;
    color: #333333;
    text-decoration: none;
    overflow: hidden;
}
.user-accounts ul li a:hover {
    background: #eeeeee;
}
.user-accounts ul li.selected a, .user-accounts ul li.selected a:hover {
    background: #cccccc;
    color: #000000;
}
.yui-hidden {
    display: none;
}
.img {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    padding: 2px;
    margin-right: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #666666;
    overflow: hidden;
}
.name .strong {
    display: block;
    margin-top: -2px;
    font-style: 1.1em;
    font-weight: bold;
    margin-top: -4px;
}
.user-accounts ul .name .classname {
    font-style: italic;
    font-size: 0.9em;
    display: block;
}
.name .realname {
    font-size: 1.2em;
    height: 1.25em;
    line-height: 0.8em;
    display: block;
    font-weight: bold;
}
.user-details .h2 .realname {
    font-size: 1.5em;
    height: 1.3em;
}
.user-details {
    padding: 0 0 0 10px;
    overflow: hidden;
}
.user-details .h2 {
    margin-left: 0;
    font-size: 1.1em;
    padding-top: 3px;
    overflow: hidden;
    float: left;
    width: 75%;
    margin-bottom: 1em;
}
.user-details .name {
    line-height: 24px;
}
.user-details .user-features {
    float: right;
}
.user-details .user-features .classname {
    font-style: italic;
    font-size: 1.1em;
    display: block;
    text-align: center;
}
.sort_by {
    float: left;
    clear: none;
    font-style: italic;
    font-size: 0.9em;
    line-height: 1.9em;
}
.sort_by a.active {
    text-decoration: underline;
}
h3 {
    margin: 7px 0 2px 0;
    height: 24px;
    line-height: 24px;
}
h3 span {
    display: block;
    padding: 0 10px;
    color: #666666 !important;
    background-position: 5px center;
    background-repeat: no-repeat;
    text-indent: 1.5em;
}
h3 span:hover {
    color: #126174 !important;
}
table.account-details {
    width: 95%;
}
table.account-details th,
table.account-details td {
    padding: 2px 5px;
    border-bottom: 1px solid #cccccc !important;
}
</style>    
<script type="text/javascript" src="<cpanel MagicRevision="uri("/yui/menu/menu-min.js")">"></script>
<script type="text/javascript">
//<![CDATA[
var ACCOUNTS = [];
//]]>
</script>
<div class="body-content">
<h1><cpanel langprint="CGPGWAccounts"></h1>

<cpanelfeature cgpro_groupware>
  <cpanelif $FORM{'class'}>
    <p>
      <?cp CommuniGate::UpdateAccountClass(%, msg) account=$FORM{'account'}, class=$FORM{'class'}, restrictAccess=$FORM{'restrictAccess'} ?>
    </p>
  </cpanelif>
  <h2><cpanel langprint="mailaddacc"></h2>
  <form id="mainform" method="post" action="doaddpop.html" name="mainform">
    <cpanel include="popsinclude.html">
  </form>
  <br />
  <?cptt CommuniGate::AccountsOverview(cgpro/mail/overview_accounts.tmpl) ?>

</cpanelfeature>
</div><!-- end body-content div -->

<div id="menus_div"></div>

<cpanel Branding="include(stdfooter.html)">

<script type="text/javascript">
//<![CDATA[
<cpanel relrawinclude="cgpro/mail/overview_accounts.js">
//]]>
</script>
